<template>
    <div>
        <h1>使用路由传入动态值:{{ $route.params }}</h1>
        <h1>使用路由传入动态值:{{ $route.params.id }}</h1>
        <hr>
        <h1>使用路由获取查询参数:{{ $route.query.name }}</h1>
        <h1>使用路由获取查询参数:{{ $route.query }}</h1>
        <hr>
        <h1>使用路由获取hash:{{ $route.hash }}</h1>
    </div>
</template>

<script>
export default {
    data (){
        return {

        }
    },
    beforeRouteUpdate (to, from, next) {
      // 对路由变化作出响应...
      console.log("to:" + to);
      console.log("from:" + from);
      console.log("next:" + next);
    }
}
</script>
